<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="{{content-for 'baseAssets'}}assets/images/logos/favicon.ico">
    <title>Loading&hellip;</title>
    <!-- {{content-for 'version'}} -->
    <meta name="description" content="">
    {{content-for 'head'}}
    <link id="vendor" rel="stylesheet">
    <link id="theme" rel="stylesheet">
    {{content-for 'head-footer'}}
  </head>
  <body>
    {{content-for 'body'}}
    <script src="{{content-for 'baseAssets'}}assets/vendor.js"></script>
    {{content-for 'body-footer'}}
    <section id="ie-not-supported" style="display: none; text-align: center; font-family: Prompt, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;">
      <br><br>
      <br><br>
      <h3>Sorry, IE and Edge are not supported.</h3>
    </section>

    <script>
      function manageBrowserSupport() {
        var agent = window.navigator.userAgent.toLowerCase();

        if ( agent.indexOf('msie ') >= 0 || agent.indexOf('trident/') >= 0 || agent.indexOf('edge/') >= 0 ) {
          document.getElementById('ie-not-supported').style.display = 'block';
        } else {
          var uiScript = document.createElement('script');
          uiScript.src = "{{content-for 'baseAssets'}}assets/ui.js";

          document.body.appendChild(uiScript);
        }
      }
      manageBrowserSupport();
    </script>
  </body>
</html>
